// import React, { Component } from 'react'
// import Style from "./index.less"
// import { Layout, Menu } from 'antd';
// import { Link } from 'umi';
// import image from "../image/logo.png"
// import {
//   MenuUnfoldOutlined,
//   MenuFoldOutlined,
//   UserOutlined,
//   VideoCameraOutlined,
//   UploadOutlined,
// } from '@ant-design/icons';

// const { Header, Sider, Content } = Layout;

// export default class index extends Component {
//   state = {
//     collapsed: false,
//   };

//   toggle = () => {
//     this.setState({
//       collapsed: !this.state.collapsed,
//     })
//     }
//   render() {
//     return (
//       <Layout style={{ height: "100vh" }}>
//       <Sider trigger={null} collapsible collapsed={this.state.collapsed}>
//         <div className={Style.logo}>
//           <img src={image} alt="" />
//           <span>
//             赤兔养车
//           </span>
//         </div>
//         <Menu theme="dark" mode="inline" defaultSelectedKeys={['1']}>
//           <Menu.Item key="1" icon={<UserOutlined />}>
//             <Link to={"/pages/home"}></Link>
//           </Menu.Item>
//           <Menu.Item key="2" icon={<VideoCameraOutlined />}>
//           <Link to={"/pages/product"}></Link>
//           </Menu.Item>
//           <Menu.Item key="3" icon={<UploadOutlined />}>
//             nav 3
//           </Menu.Item>
//         </Menu>
//       </Sider>
//       <Layout className="site-layout">
//         <Header className="site-layout-background" style={{ padding: 0 }}>
//           {React.createElement(this.state.collapsed ? MenuUnfoldOutlined : MenuFoldOutlined, {
//             className: 'trigger',
//             onClick: this.toggle,
//           })}
//         </Header>
//         <Content
//           className="site-layout-background"
//           style={{
//             margin: '24px 16px',
//             padding: 24,
//             minHeight: 280,
//           }}
//         >
//           Content
//         </Content>
//       </Layout>
//     </Layout>
//     )
//   }
// }
